<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>首页</title>
 

<link
	href="${pageContext.request.contextPath }/css/bootstrap.min.css?v=3.3.6"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/font-awesome.css?v=4.4.0"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/plugins/iCheck/custom.css"
	rel="stylesheet">
	
<!-- Sweet Alert -->
<link href="${pageContext.request.contextPath }/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

<!-- chosen -->
<link
	href="${pageContext.request.contextPath }/css/plugins/chosen/bootstrap-chosen.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css?v=4.1.0"
	rel="stylesheet">


<link
	href="${pageContext.request.contextPath }/css/plugins/bootstrap-table/bootstrap-table.min.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath }/css/plugins/toastr/toastr.min.css"
	rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row animated fadeInRight">
			<div class="col-sm-8">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                         <h5>登录信息</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="profile.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="profile.html#">选项1</a>
                                </li>
                                <li><a href="profile.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" style="display: block;">

                        <div>
							<p>欢迎登录<b>设备报修后台管理系统</b></p>
                            <h2 id="userNameSpan">正在获取...</h2>
							<p>当前时间：<span id="showTimeSpan"></span></p>
							<hr>
							
							<p>账号：<span id="loginNameSpan">正在获取...</span></p>
							
							<p>角色：<span id="roleSpan">正在获取...</span></p>
							<p>ip地址：<span id="ipSpan">正在获取...</span></p>
							<p>上次登录时间：<span id="lastLoginTimeSpan">正在获取...</span></p>
							<p>登录次数：<span id="loginCountSpan">正在获取...</span></p>
							<p>身份过期：30分钟</p>
								<b>密码过期时间：</b><span id="passwordExpireSpan">正在获取...</span>
							</p>
							<button class="btn btn-primary" onclick="updatePassword()">修改密码</button>
							

                        </div>

                    </div>
                </div>
				

				 <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>最近一周完成单数统计线性图</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_morris.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="graph_morris.html#">选项1</a>
                                </li>
                                <li><a href="graph_morris.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div id="morris-one-line-chart"></div>
                    </div>
                </div>
            </div>
			<div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>个人资料</h5>
                    </div>
                    <div>
                        <div class="ibox-content no-padding border-left-right">
                            <img alt="image" class="img-responsive" src="${pageContext.request.contextPath }/img/profile_big.jpg">
                        </div>
                        <div class="ibox-content profile-content">
                            <h4><strong id="userNameSpan2">正在获取...</strong></h4>
                            <p><i class="fa fa-map-marker"></i><span id="userAddressSpan"> 正在获取...</span></p>
                            <h5>关于我</h5>
                            <p id="userDescSpan">正在获取...</p>
                        </div>
                    </div>
                </div>
            
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <button class="btn btn-primary label label-primary pull-right">去处理</button>
                        <h5>待处理单数</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">22 285,400</h1>
                        <div class="stat-percent font-bold text-navy">20% <i class="fa fa-level-up"></i>
                        </div>
                        
                    </div>
                </div>
        
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <button class="btn btn-primary label label-primary pull-right">查看</button>
                        <h5>已完成单数</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">1200</h1>
                        <div class="stat-percent font-bold text-navy">20% <i class="fa fa-level-up"></i>
                        </div>
                        
                    </div>
                </div>
            </div>

           


			
        </div>
    </div>
    
    <div class="modal inmodal fade" id="updatePasswordModal" tabindex="-1"
				role="dialog" aria-hidden="true">
		<div class="modal-dialog "><!-- modal-lg -->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title">修改密码</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="updatePasswordForm">
						<input type="hidden" name="id" />
						<input type="hidden" name="passwordType" value="0" />
						<div class="form-group">
							<label class="col-sm-4 control-label">新密码：</label>
							<div class="col-sm-6">
								<input name="userPassword" class="form-control input-sm" type="password"/>
							</div>
						</div>
					</form>
				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="updatePasswordSave()">保存</button>	
				</div>
			</div>
		</div>
	</div>

    <!-- 全局js -->
    <script src="${pageContext.request.contextPath }/js/jquery.min.js?v=2.1.4"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js?v=3.3.6"></script>



    <!-- 自定义js -->
    <script src="${pageContext.request.contextPath }/js/content.js?v=1.0.0"></script>


    <!-- Peity -->
    <script src="${pageContext.request.contextPath }/js/plugins/peity/jquery.peity.min.js"></script>

    <!-- Peity -->
    <script src="${pageContext.request.contextPath }/js/demo/peity-demo.js"></script>

	<!-- Morris -->
    <script src="${pageContext.request.contextPath }/js/plugins/morris/raphael-2.1.0.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/plugins/morris/morris.js"></script>
    
    	<!-- 表单验证插件   -->
	<script src="${pageContext.request.contextPath }/js/plugins/validate/jquery.validate.js"></script>
	<script src="${pageContext.request.contextPath }/js/plugins/validate/messages_zh.min.js"></script>
	
	<!-- 通知插件 -->
    <script src="${pageContext.request.contextPath }/js/plugins/toastr/toastr.min.js"></script>
	
	<!-- 格式化时间 -->
    <script src="${pageContext.request.contextPath }/js/plugins/moment.js"></script>
	
	
	<!-- 自己的-->
    <script src="${pageContext.request.contextPath }/myJs/common.js"></script>
    <script src="${pageContext.request.contextPath }/myJs/index/message.js"></script>



     

</body></html>